<template>
<div>

    <van-row type="flex" justify="space-around">
      <van-col span="6"
        ><van-button
         :to="`logisticsInformation?type=${0}`"
          class="van-btn"
          color="linear-gradient(to right, #f1b1ac, #e56d7f)"
        >
          <van-icon class="van-ic" name="balance-pay" size="7vw" />
          <p>待付款</p>
        </van-button></van-col
      >
      <van-col span="6"
        ><van-button
          class="van-btn"
           :to="`logisticsInformation?type=${1}`"
          color="linear-gradient(to right, #ecce8d, #ffa771)"
        >
          <van-icon class="van-ic" name="tosend" size="7vw" />
          <p>待自取</p>
        </van-button></van-col
      >
      <van-col span="6"
        ><van-button
          class="van-btn"
          :to="`logisticsInformation?type=${1}`"
          color="linear-gradient(to right, #b5afe8, #6560bd)"
        >
          <van-icon class="van-ic" name="balance-pay" size="7vw" />
          <p>待收货</p>
        </van-button></van-col
      >
      <van-col span="6"
        ><van-button
          class="van-btn"
           :to="`logisticsInformation?type=${2}`"
          color="linear-gradient(to right, #4acbce, #01a1e9)"
        >
          <van-icon class="van-ic" name="medal" size="7vw" />
          <p>待评价</p>
        </van-button></van-col
      >
    </van-row>

</div>
</template>

<script>
export default {
data() {
return {

}
},
//生命周期 - 创建完成（访问当前this实例）
created() {

},
//生命周期 - 挂载完成（访问DOM元素）
mounted() {

}
}
</script>
<style scoped lang="less">
@import "../../assets/css/index.less";
.van-btn {
  margin-left: 35*@vw;
  height: 290 * @vw;
  width: 300*@vw;
  display: flex;
  border-radius: 80 * @vw;
  .van-ic {
    margin-top: 20 * @vw;
    margin-left: 20*@vw;
  }
  p {
    display: block;
    font-size: 3vw;
    margin-top: 0px;
    margin-left: 20*@vw;
  }
}
</style>